body{
	background: white;
	font-size: 14px;
	font-family: 'Segoe UI',MicrosoftYaHei,"微软雅黑",SimSun,"宋体",sans-serif;
}
a{
	text-decoration: none;
	color: #4c4c4c;
}
.toTop{
	width: 50px;
	height: 50px;
	position: fixed;
	bottom: 200px;
	right: 3px;
	background: url('../images/bg.png') no-repeat -360px -80px;
}
header{
	height:98px;
	/* background: red; */
	border-bottom: 1px solid #cacaca;
}
header>div{
	width: 100%;
	height: 30px;
	background:#f2f2f2;
	position: fixed;
	top: 0;
	z-index:10;
}
header .top_nav{
	width: 1200px;
	height: 30px;
	line-height: 30px;
	margin: 0px auto;
	/* background: lime; */
}
.top_nav .left{
	float: left;
	position: relative;
}
.zone,.hotsale{
	width: 635px;
	height: 280px;
	background: white;
	border: 1px solid #D1D3D4;
	position: absolute;
	top: 30px;
	left: -5px;
	z-index: 1;
	display: none;
}
.zone{
	left: -24px;
}
.hotsale .hs_span,.zone_span{
	width: 11px;
	height: 11px;
	background: url('../images/bg.png') no-repeat -260px 0;
	position: absolute;
	top: -8px;
	left: 10px;
	z-index: 2;
}
.left1 .zone_span{
	left: 42px;
}
.hotsale dt{
	font-size: 12px;
}
.top_nav a{
	margin-right: 25px;
	color:#808080;
	font-size: 12px;
}
.left{
	margin-right: 25px;
}
.left a{
	margin: 0;
}
.zone_right a{
	color: blue;
}
.top_nav a:hover{
	color: #000;
}
.top_nav a .left_span{
	color: red;
}
.top_nav .right{
	float: right;
	position: relative;
}
.top_nav .right_span{
	width:18px;
	height:16px;
	display: inline-block;
	background: url('../images/bg.png') no-repeat -550px -25px;
}
.contact{
	width:200px;
	box-shadow: -5px 5px 5px #8888;
	border: 1px solid #D1D3D4;
	position: absolute;
	top: 30px;
	right: -50px;
	z-index: 10;
	background: white;
	display: none;
}
.contact span{
	width: 11px;
	height: 11px;
	background: url('../images/bg.png') no-repeat -260px 0;
	position: absolute;
	top: -8px;
	right:90px;
	z-index: 10;
}
.contact dl{
	width: 150px;
	margin: 10px 20px 0;
	font-size: 12px;
}
.contact dd{
	float: left;
	padding-right: 7px;
}
.contact a{
	margin: 0;
}
h1{
	width: 460px;
	height: 60px;
	margin: 70px auto 40px;
	background: url('../images/logo.png') no-repeat;
}
nav{
	width: 1200px;
	height: 34px;
	margin: 0px auto;
	/* background: lime; */
}
nav li{
	float: left;
	margin:8px 0 0 95px;
	color: #808080;
	position: relative;
}
nav li:nth-of-type(1){
	margin-left: 0px;
}
nav .furspan{
	width: 11px;
	height: 11px;
	background: url('../images/bg.png') no-repeat -260px 0 white;
	position: absolute;
	top: -8px;
	left: 10px;
	z-index: 2;
}
nav .lampspan{
	left: 90px;
}
nav .curspan{
	left: 160px;
}
nav .texspan{
	left: 290px;
}
nav .decspan{
	left: 230px;
}
nav .kitspan{
	left: 384px;
}
nav .childspan{
	left: 722px;
}
nav .fur{
	width: 1200px;
	height: 380px;
	background: white;
	border: 1px solid #D1D3D4;
	position: absolute;
	top: 26px;
	z-index: 1;
	display: none;
}
nav .lamps{
	width: 650px;
	left:-55px;
}
nav .curtain{
	left: -126px;
}
nav .textile{
	width: 1000px;
	left: -280px;
}
nav .decorations{
	width: 805px;
	height: 420px;
	left: -211px;
}
nav .kitchen{
	width: 805px;
	left: -356px;
}
nav .child{
	left: -713px;
}
.fur div{
	float: left;
	height: 360px;
	margin: 10px 0;
}
.hotsale div,.zone div{
	height: 260px;
}
.fur .furleft{
	border-right: 1px solid #D1D3D4;
	/* background: pink; */
}
.furleft ul li{
	width: 133px;
	margin-left: 50px;
	height: 330px;
	/* background: lime; */
	float: left;
}
.fur dl{
	margin-top: 20px;
	position: relative;
	cursor: pointer;
}
.furleft dt a{
	color: #000;
}
.furleft dd:hover{
	color: #000;
}
.zone_right,.fur dd{
	color: #808285;
	font-size: 12px;
	margin: 5px 0;
}
.fur dl span{
	width: 10px;
	height: 10px;
	background: url('../images/bg.png') no-repeat -21px -39px;
	display: inline-block;
	margin-left: 5px;
}
.zone>.zone_right,.furright dl{
	margin-left: 20px;
}
.furright dd{
	color: #000;
}
.furright a{
	font-size: 11px;
	color: blue;
}
.search{
	width:130px ;
	height: 26px;
	margin-top: 5px;
	float: right;
	position: relative;
	transition: width 1s;
}
.search span{
	width: 10px;
	height: 25px;
	position: absolute;
	top:0px;
	/* float: left; */
}
.search .f_left{
	left: 0;
	background: url('../images/bg.png') no-repeat -160px -580px;
}
.search input{
	border: none;
	outline: none;
	width: 110px;
	padding: 0px 10px;
	height: 25px;
	transition: width 1s;
	/* float: left; */
	background: url('../images/bg.png') no-repeat -170px -580px;
}
.search .f_right{
	right: 0px;
	background: url('../images/bg.png') no-repeat -354px -580px;
}
.search .s_logo{
	width:23px;
	height: 23px;
	top:3px;
	right: 0px;
	position: absolute;
	background: url('../images/bg.png') no-repeat -390px -580px;
}
main{
	height: 7464px;
	/* background: wheat; */
}
.banner{
	width: 100%;
	height: 692px;
	text-align: center;
	/* background: wheat; */
	position: relative;
	overflow: hidden;
}
.banner ul>li{
	width: 100%;
	height: 692px;
	float: left;
	position: absolute;
}
.banner ul>li:nth-of-type(1){
	/* position: absolute; */
	top: 0;
	left: 0;
	background: url('../images/20200103.jpg') no-repeat;
	background-size: 100%;
}
.banner ul>li:nth-of-type(2){
	/* position: absolute; */
	top: 0;
	left: 0;
	background: url('../images/HHbanner.jpg') no-repeat;
	background-size: 100%;
	display: none;
}
.banner img{
	/* width:1920px; */
	height: 692px;
}
.banner ol{
	width:50px;
	position: absolute;
	left: 50%;
	transform: translateX(50%);
	bottom: 44px;
}
.banner ol li{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #6d6d6d;
	float: left;
	margin-right: 15px;
}
.banner ol>li:nth-of-type(1){
	background: white;
}
.banner span{
	width: 42px;
	height: 113px;
	top:42%;
	cursor: pointer;
	/* transform: translateY(50%); */
}
.banner .b_left{
	position: absolute;
	left: 13%;
	background: url('../images/arrowhead.png') no-repeat 0px -60px;
}
.banner .b_right{
	position: absolute;
	right: 13%;
	background: url('../images/arrowhead.png') no-repeat -42px -60px;
}
.goods{
	width: 1200px;
	height: 575px;
	margin: 57px auto;
}
.logo{
	height: 83px;
	margin: 147px auto 40px auto;
}
.accessories{
	height: 485px;
	margin: 0 auto;
	/* background: wheat;  */
	position: relative;
	overflow: hidden;
}
.accessories ul{
	width: 3120px;
	position: absolute;
	top: 0px;
	left: -185px;
}
.accessories ul li{
	width: 360px;
	margin: 0 15px;
	float: left;
}
.accessories img{
	height: 440px;
}
.accessories p{
	color: #636967;
	font-size: 18px;
	text-align: center;
	margin-top: 15px;
}
.accessories>span{
	width: 40px;
	height: 40px;
	position: absolute;
}
.accessories .acc_left{
	background: url('../images/left.png') no-repeat;	
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
}
.accessories .acc_right{
	background: url('../images/right.png') no-repeat;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
}
.furniture{
	margin-top: 60px auto 0;
}
.vase{
	height: 640px;
}
.advertisement{
	height: 216px;
	margin: 0 auto;
}
.home{
	height: 437px;
	margin: 0 auto;
}
.magic{
	height: 439px;
	margin-top: 60px auto 0;
}
main .p1{
	width: 1200px;
	height: 232px;
	margin: 0 auto;
	background: url('../images/index11.jpg') no-repeat;
}
.p1>a{
	width: 600px;
	height: 232px;
	float: left;
}
main .p2{
	height:279px;
	background: url('../images/index12.jpg') no-repeat;
}
.p2>a{
	width: 300px;
	height: 279px;
	float: left;
}
footer{
	height: 440px;
	border-top: 1px solid #cacaca;
}
footer ul{
	width: 1200px;
	margin: 58px auto 0px;
}
footer li{
	width: 200px;
	height: 249px;
	float: left;
	/* background: pink; */
}
footer li:nth-of-type(5){
	width:280px;
	float: right;
}
footer li>a{
	color: #808285;
	display: block;
	margin-top: 17px;
}
footer li>a:hover{
	color: #4c4c4c;
}
footer li img{
	vertical-align: middle;
	margin-right: 12px;
}
.tweet>img{
	margin-right:33px;
}
li .tweet{
	margin-top: 20px;
	position: relative;
}
.tweet>span{
	width: 20px;
	height: 18px;
	position: absolute;
	top:29px;
	left:94px;
	background: url('../images/bg.png') no-repeat -61px -1px;
}
li>.number{
	font-size: 24px;
	color: #808285;
}
li form{
	width: 279px;
	height: 34px;
	position: relative;
	margin-top: 15px;
}
li .input{
	width: 245px;
	height: 34px;
	outline: none;
	border: none;
	background:#E6E7E8;
}
li .ser{
	width: 35px;
	height: 34px;
	position: absolute;
	top: 0px;
	right: 0px;
	background: url('../images/bg.png') no-repeat -99px 0;
}
li>.lastul{
	width: 279px;
	height: 100px;
	margin-top: 20px;
}
li>.lastul li{
	height: 40px;
	margin-bottom: 10px;
	float: left;
	/* background: pink; */
}
li>.lastul span{
	width: 40px;
	height: 40px;
	margin-right: 10px;
	display: inline-block;
	float: left;
}
li>.lastul .vedio{
	background: url('../images/bg.png') no-repeat -139px 0;
}
li>.lastul .design{
	background: url('../images/bg.png') no-repeat -199px 0;
}
li>.lastul p{
	height: 40px;
	float: left;
	line-height: 40px;
}
li>.lastul .soft{
	height:12px;
	line-height:12px;
	padding-bottom: 8px;
}
li>.lastul strong{
	height:20px;
	float: left;
	color: #808285;
}
li>.lastul a{
	color: #414042;
}
footer>.foot1{
	height: 75px;
	background:#3a3a3a;
	margin-top: 307px;
	text-align: center;
	line-height: 75px;
}
.foot>a{
	color: #7a7a7a;
	font-size: 12px;
}
.foot1>a{
	margin-right: 82px
}
.foot1>a:hover{
	color: #fff;
}
.foot1>a:nth-of-type(9){
	margin-right: 0;
}
.foot2{
	height: 58px;
	text-align: center;
	margin-top: 15px;
	color: #808285;
}
.foot2>a{
	margin-left: 20px;
}
.foot2>a:hover{
	color: #4c4c4c;
}